React-Native 环境搭建

声明：本人是在64位机上搭建的，32位机有所不同

1、安装最新版本的 Java JDK

2、安装Node.js环境

传送门：用Hexo和Git搭建github个人博客

3、安装C++环境

多数操作系统自带C++环境，react native运行时如有报无C++运行环境时，请手动安装visual studio中的C++环境

4、安装Git环境

传送门：用Hexo和Git搭建github个人博客

5、安装Python环境

下载

1
注意：安装Python时候，只能**安装2.×的版本**，注意勾选安装界面上的`Add Python to path`，这样才能自动将Python安装到系统环境变量中；

安装完毕之后，可以在命令行中运行python，检查是否成功安装了python。

6、配置Android环境

由于IOS环境搭建需要MAC，在此以Android为例

下载

1、此压缩包已经安装好了必要的软件，解压到c:/android即可使用

2、在系统环境变量中新建ANDROID_HOME，值为android SDK Manager的安装路径C:\android，紧接着，在Path中新增;%ANDROID_HOME%\tools;%ANDROID_HOME%\platform-tools;

若上面的压缩包不可用，解决步骤如下：

|—————-解决步骤开始—————-|

  1. 下载配置android studio

  2. 初次启动android studio的时候配置proxy代理

    1
    2
    mirrors.neusoft.edu.cn:80
    点击clear passwords

1562910885243

1562910917004

1562906726308

1562907136464

1562907475255

|—————-解决步骤结束—————-|

7、安装模拟器

这里以夜神模拟器为例

  1. 下载夜神模拟器并安装

  2. 将C:\android\platform-tools\adb.exe拷贝一份，重命名为nox_adb.exe，替换掉D:\Program Files\Nox\bin下的nox_adb.exe文件

  3. 打开夜神模拟器

  4. 使用adb connect 127.0.0.1:62001链接模拟器

8、使用ReactNative快速打包

8.1、设置npm镜像

1
npm config set registry https://registry.npm.taobao.org --global

8.2、安装Yarn、React Native的命令行工具

1
npm install -g yarn react-native-cli

安装完毕后设置yarn镜像源

1
2
yarn config set registry https://registry.npm.taobao.org --global
yarn config set disturl https://npm.taobao.org/dist --global

C:\Users\12037.gradle\wrapper\dists\gradle-5.4.1-all\3221gyojl5jsh0helicew7rwx`

8.3、创建项目

注意：所创建的项目路径中不能有中文！

1
react-native init 项目名

8.4、打包编译安卓项目

在项目根目录下运行

1
react-native run-android

在打包编译时会下载gradle-5.4.1-all.zip速度会很慢，解决办法如下：

  1. 下载gradle-5.4.1-all.zip压缩包 下载
  2. 加压缩包放入C:\Users\username\.gradle\wrapper\dists\gradle-5.4.1-all\3221gyojl5jsh0helicew7rwx下

完成以上步骤后再次运行react-native run-android

过程中任然会下载资源，大约10分钟，网络不稳定的有可能中途下载失败并报错，不要灰心，再来一次。。。

最后更新： 2019年09月02日 11:00

原始链接： https://HowlCN1997.github.io/2019/01/29/React-Native 环境搭建/

赏
× 请我吃糖~
打赏二维码